﻿<!DOCTYPE html>
<html>
<head>
    <title>子非鱼的音乐商店</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
    <style>
        
    </style>
</head>
<body>
    <div data-role="page">
        <div data-role="header">
            <h1>
                子非鱼的音乐商店</h1>
        </div>
        <!-- /header -->
        <div data-role="content">
            @RenderBody()
        </div>
        <!-- /content -->
        <footer data-role="footer" data-role="fixed" data-id="nav">
            <!--data-role="fixed"固定页脚-->
            <div class="navmain" data-role="navbar">
                <ul>
                    <li><a href="/home/mindex" class="@(ViewBag.Active == "Home" ? "ui-btn-active ui-state-persist" : "")">首页</a></li>
                    <li><a href="/Store/mindex" class="@(ViewBag.Active == "Store" ? "ui-btn-active ui-state-persist" : "")">商店</a></li>
                    <li><a href="/ShoppingCart/mindex" class="@(ViewBag.Active == "ShoppingCart" ? "ui-btn-active ui-state-persist" : "")">购物车</a></li>
                    <li><a href="#about" data-rel="dialog" data-transition="slideup">About this app</a></li>
                </ul>
            </div>
            <!-- /菜单 -->
        </footer>
    </div>
    <!-- /page -->
    <div data-role="page" id="about">
        <div data-role="header">
            <h1>
                About This App</h1>
        </div>
        <div data-role="content">
            <p>
                This app rocks! <a href="/home/mindex" data-transition="fade">Go home</a></p>
        </div>
    </div>
</body>
</html>
